/* .header{
	width: 100%;
	height: 260px;
	background: url(../../assets/tgcf.webp);
	background-size: 100%;
	filter: brightness(50%);
} */
.my-row{
	position: absolute;
	width: 100%;
}
.my-row .el-col {
	border-radius: 4px;
}
.my-row .grid-content {
	border-radius: 4px;
	min-height: 40px;
}
.my-row .grid-flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.my-row .icon-menu{
	font-weight: 600;
	font-size: 1.25rem;
	color: #000;
}
.loginout{
	float: right;
	background: #ffffff;
	width: 26vw;
	height: 10vw;
	text-align: center;
	line-height: 10vw;
	border-radius: 2vw;
}

.header .banner{
	width: 100vw;
	height: 40vw;
	overflow: hidden;
	background: url(//s1.hdslb.com/bfs/static/jinkela/mstation-h5/assets/bannerTop_new.png);
	background-size: cover;
	background-position: 50%;
}
.part1 {
    padding: 0 3.2vw;
}
.face {
    float: left;
    position: relative;
    width: 22.4vw;
    height: 22.4vw;
	.avatar {
	    position: absolute;
	    z-index: 2;
	    width: 22.4vw;
	    height: 22.4vw;
	    border-radius: 11.2vw;
		// left: 50%;
		top: -10%;
		// transform: translateX(-50%);
		border: 1px solid #CCCCCC;
	}
	.bfs-img {
	    background: url(//s1.hdslb.com/bfs/static/jinkela/mstation-h5/assets/loading.png) no-repeat 50%;
	    background-size: contain;
	    background-color: #e7e7e7;
	    object-fit: cover;
	}
}
.relation {
    float: right;
    width: 58.66667vw;
    padding-top: 2.13333vw;
    // color: #e7e7e7;
}
.count {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.follow-btn {
    display: block;
}
.count>span {
    width: 19.2vw;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.count .split {
    vertical-align: middle;
    width: 1px;
    height: 4.26667vw;
    background: #e7e7e7;
}
.count .num {
    font-size: 3.73333vw;
    color: #212121;
    line-height: 4.26667vw;
}
.count .type {
    font-size: 3.5vw;
    color: #8b8b8b;
}
.follow-btn button {
    width: 100%;
    display: block;
    height: 8vw;
    border: none;
    box-sizing: border-box;
    border-radius: 1.06667vw;
    font-size: 3.73333vw;
    margin-top: 3.2vw;
    outline: none;
}
.follow-btn button.white {
    background: #fff;
    border: 1px solid #fb7299;
    color: #fb7299;
}
// .base{
// 	display: flex;
// 	justify-content: center;
// 	align-items: center;
// }
.base .name {
    font-size: 4.8vw;
    color: #212121;
    max-width: 62.66667vw;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.level {
	color: #FFB37C;
    margin-left: 1.6vw;
    vertical-align: middle;
}
.part2 {
    clear: both;
    padding: 3.2vw;
}
.desc {
   overflow: hidden;
}
.part2 .content {
    margin-top: 2.13333vw;
    font-size: 3.46667vw;
    color: #999;
    line-height: 4.53333vw;
    width: 83.46667vw;
    height: 4.53333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.spread-btn {
    margin-top: 1.86667vw;
    float: right;
    font-size: 3.46667vw;
    color: #1389bf;
}
.tabs {
    height: 10.66667vw;
    // line-height: 10.66667vw;
    padding-left: 3.2vw;
    background: #fff;
    border-top: 1px solid #e7e7e7;
    // border-bottom: 1px solid #e7e7e7;
    // font-size: 0;
	box-sizing: border-box ;
}
.tabs .el-tabs__nav-wrap::after{
	display: none;
}
.tabs .el-tabs__active-bar{
	display: none;
}
.my-state{
	padding-right: 2vw;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 10vw;
	padding-top: 12vw;
	.s-item{
		padding: 2vw 0;
		margin: 2vw 0;
		display: flex;
		flex-direction: column;
		border-bottom: 2px solid #ccc;
		.user{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			position: relative;
			.img{
				width: 14vw;
				height: 14vw;
				border: 2px solid #CCCCCC;
				border-radius: 7.8vw;
				margin-right: 2vw;
				img{
					width: 100%;
					height: 100%;
				}
			}
			.my-main{
				.tt{
					padding: 5px 10px;
					font-size: 14px;
					line-height: 1.6;
					color: #555;
					.user-name{
						color: #333;
					}
					.send-time{
						color: #969696;
						.date{
							margin-right: 10px;
						}
					}
				}
			}
			.more{
				position: absolute;
				right: 4vw;
				top: 2vw;
			}
		}
		.user-content{
			margin: 3vw 0;
			.c-img{
				width: 40vw;
				img{
					width: 100%;
				}
			}
		}
	}
}